<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="__PUBLIC__/easyui/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/gray/easyui.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/icon.css">
<script type="text/javascript" src="__PUBLIC__/js/add-tab.js"></script>
<style type="text/css">
.cs_left {
	width: 50%;
	height: 100%;
	float: left;
}
.cs_right {
	width: 50%;
	height: 100%;
	float: left;
}
.cs-home-remark li {
	list-style: none;
	margin: 10px 10px 10px -20px;
}
.cs-home-remark .contain li {
	list-style: none;
	height: 16px;
	line-height: 12px;
	font-size: 12px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}
.cs-home-remark .contain li a,.cs-home-remark a {
	color: #000;
	text-decoration: none;
}
.cs-home-remark .contain li a:hover {
	color: #999;
}
.cs-home-remark .contain .title {
	float: left;
}
.cs-home-remark .contain .author {
	margin-right: 10px;
}
.cs-home-remark .contain .time {
}
.cs-home-remark #btn {
	margin: 10px;
}
.cs-home-remark #btn .num {
	color: #FC8F36;
}
.cs-home-remark #btn_search{
	margin: 10px 0 0 200px;
}
.cs-home-remark .more {
	font-weight: bold;
	float: right;
	color: #333;
	line-height: 16px;
	margin-right: 10px;
}
.cs-home-remark .more:hover {
	color: #999;
}
</style>
<script type="text/javascript">
	$(function(){
	var w=$(window).width();
	var h=$(window).height();
	w=(w-$('.cs-west').width())/2-50;
	$('#news').panel({   
	  width:w,
	  height:80,
	  title: '公文审批',
 
	  collapsible:true 
	});

	$('#motto').panel({   
	  width:w,
	  height:80,
	  title: '物资申请',
  
	  collapsible:true  
	});  
	$('#notice').panel({   
	  width:w,
	  height:80,
	  title: '人事行政',

	  collapsible:true   
	}); 
	$('#search').panel({   
	  width:w,
	  height:80,
	  title: '票据财务',
  
	  collapsible:true   
	}); 



	$('#btn_search').linkbutton({   
    iconCls: 'icon-search'  
});
})
</script>
</head>
<body>
	

	<div class="cs-home-remark">
					
		<div class="cs_left">
			<ul>
				<li>
					<div id="news">  
						<a  id="btn" href="javascript:void(0);" src="__APP__/Document/newDocument" class="cs-navi-tab easyui-linkbutton">集团文件签批单</a>
					</div>
				</li>
				<li>
					<div id="notice">  
						<a  id="btn" href="javascript:void(0);" src="__APP__/Leave/addLeave" class="cs-navi-tab easyui-linkbutton">假期申请</a>

					</div>  
				</li>
				
				
			</ul>
		</div>

		<div class="cs_right">
			  
			<ul>
				<li>
					<div id="motto">
						<a id="btn" href="javascript:void(0);" src="__APP__/Goods/newGetGoods" class="cs-navi-tab easyui-linkbutton">物品领用</a>  
						<a id="btn" href="javascript:void(0);" src="__APP__/Goods/newBuyGoods" class="cs-navi-tab easyui-linkbutton">物品购买</a>  
						<a id="btn" href="javascript:void(0);" src="__APP__/Goods/newRepair" class="cs-navi-tab easyui-linkbutton">设施（设备）维修</a>  
										     
					</div>
				</li>
				<li>
					<div id="search">  
					    <a id="btn" href="javascript:void(0);" src="__APP__/Bills/newBills" class="cs-navi-tab easyui-linkbutton">单据报销</a>  
					</div>
				</li>
				
			</ul>
		</div>
		
	</div>
</body>
</html>